<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="/static/common/common.jsp" %>
    <script src="/static/js/insurance/pay.js"></script>
    <style>
        .datagrid-cell-check input {
            margin-top: 2px;
        }

        .dialog-form {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: 14px 20px;
            justify-content: space-around;
        }

        .dialog-form p {
            display: flex;
            padding-top: 3px;
            padding-bottom: 3px;
            align-items: center;
        }

        .dialog-form .left {
            width: 90px;
        }

    </style>
</head>
<body>
<div id="pay_toolbar">
    <input id="clientName" class="easyui-textbox" prompt="客户姓名">
    <input id="sn" class="easyui-textbox" prompt="核保单号">
    <a class="easyui-linkbutton" iconCls="iconfont icon-sousuo" plain="true" data-cmd="query">搜索</a>
    <a class="easyui-linkbutton" iconCls="icon-pay" plain="true" data-cmd="pay">缴费</a>
    <a class="easyui-linkbutton" iconCls="iconfont icon-shuaxin" plain="true" data-cmd="refresh">刷新</a>
</div>
<div id="dialog_buttons">
    <a class="easyui-linkbutton" iconCls="iconfont icon-dui" plain="true" data-cmd="submit">提交</a>
    <a class="easyui-linkbutton" iconCls="iconfont icon-jujue" plain="true" data-cmd="cancel">取消</a>
</div>
<table id="pay_datagrid"></table>
<%--弹出框--%>
<div id="pay_dialog" class="easyui-dialog">
    <form method="post" class="dialog-form" id="pay_form">
        <input type="hidden" name="id"/>
        <p>
            <span class="left">投保人:</span>
            <input name="client.name" class="easyui-textbox" readonly="true"/>
        </p>
        <p>
            <span class="left">投保单号:</span>
            <input name="sn" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">保险机构:</span>
            <input name="organization.name" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">保险产品:</span>
        <div <%--style="width: 200px; height: 200px"--%>>
            <table id="product_datagrid"></table>
        </div>

        </p>
        <p>
            <span class="left">起保时间:</span>
            <input name="beginDate" class="easyui-datebox" required="true">
        </p>
        <p>
            <span class="left">保险金额:</span>
            <input name="totalAmount" class="easyui-textbox" readonly="true">
        </p>
        <p>
            <span class="left">缴费方式:</span>
            <input name="payMethod" class="easyui-combobox" data-options="
                    panelHeight: 'auto',
                    valueField: 'label',
                    textField: 'value',
                    data: [{
                        label: '现金支付',
                        value: '现金支付'
                    },{
                        label: '刷卡支付',
                        value: '刷卡支付'
                    },{
                        label: '支票支付',
                        value: '支票支付'
                    }]">
        </p>
    </form>
</div>
</body>
</html>
